.cal-wrapper{
    position:relative;
    width: 100%;
}

.cal-wrapper .table-calendar{
    width: 100%;
    height: 300px;
    background:#31384b;
    text-align:center;
    color:#fff;
    border-bottom: 5px solid #25273c;
    overflow: hidden;
}
.table-calendar th{
    height:20px;
    font:700 16px/20px "microsoft yahei";
}
.table-calendar tbody tr td{
    width:14.3%;
    height: 40px;
    border-radius: 50%;
    position:relative;
    font:400 14px/40px;
    color:rgba(255,255,255,0.3);
}
.table-calendar td:before{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid transparent;
    position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    display:block;
    box-sizing:border-box;
    display:block;
    
}
.table-calendar td.green:before{
    border-color:#fff;
}
.table-calendar td.red:before{
    border-color:#00bc9d;
}
.table-calendar  span.active{
    background-color: #fca82d;
    color:#fff;
    border-radius: 50%;
    position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    display:block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.table-calendar .now-day{
    color: #fca82d;/*今日字体的颜色*/
    font-size:16px;
}
